<div class="mdl-layout mdl-js-layout mdl-layout--fixed-drawer">
  <header class="mdl-layout__header">
    <div class="mdl-layout__header-row">
      <span class="mdl-layout__title"><%= title %></span>
    </div>
  </header>

  <%= erb :"../../global/navigation" %>

  <main class="mdl-layout__content" style="padding: 40px">
    <!-- Users found in users.json -->

    <h4>Users</h4>
    <div class="table-responsive-vertical shadow-z-1" style="overflow: scroll">
      <table class="table-mc-light-blue mdl-data-table mdl-js-data-table mdl-shadow--2dp">
        <thead>
          <tr>
            <th>Email</th>
            <th>Provider Credentials</th>
          </tr>
        </thead>

        <tbody>
          <% users.each do |user| %>
            <tr>
              <%= erb :"./forms/_users", locals: { user: user, action: "update" } %>
            </tr>
          <% end %>
        </tbody>
      </table>
    </div>
  </main>
</div>
